import React from 'react';
import { RouterProvider } from 'react-router-dom';
import routes from './routes/index.tsx';
import './App.scss';
// import HeaderApp from './pages/HeaderApp';

function App() {
  return (
    <div>
      {/* <div>
        <HeaderApp/>
      </div> */}
      <React.Suspense fallback={<div className='text-center'>Loading...</div>}>
        <RouterProvider router={routes} />
      </React.Suspense>
    </div>
  )
}

export default App;
/**
 * 路由守卫在这个页面进行使用，排除登录或注册的页面，不推荐这个方法，
 * 原因是这样做会是本文件变得很复杂，而且不利于维护，变的臃肿。
 */
